<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
<title>焦点学苑</title>
<link rel="stylesheet" href="/css/base.css">
<link rel="stylesheet" href="/css/style.css">
</head>

<body>
<div class="head-box">
    <div class="head wrap">
          <div class="logo fl"><a href=""><img src="/images/logo.png"></a></div>
          <div class="head-right fr">
              <span th:if="${session.user==null}">
                  <div class="head-a fr">
                   <div class="head-a1 fl"><a href=""><img src="/images/tb-a.png"></a></div>
                   <div class="head-a1 fl"><a href=""><img src="/images/tb-b.png"></a></div>
                   <div class="head-a3 login-click fl">登录</div>
                   <div class="head-a4 reg-click fl">注册</div>

              </div>
              </span>
              <span th:if="${session.user!=null}">
                  <div class="head-a fr">
                   <div class="hgt fl"><img src="/images/hgt.png">
                         <div class="hgt-top">
                             <input type="text" class="hgt-text">
                         </div>
                   </div>
                   <div class="tbt fl"><img th:src="@{'/upload/'+${session.user.getHeadimg()}}">
                        <div class="hgt-btm">
                             <a th:href="@{/blog/personalMessage}">我的主页</a>
                             <a href="">消息</a>
                             <a href="">我的关注</a>
                             <a href="/account.html">帐号设置</a>
                             <a href="">退出</a>
                        </div>
                   </div>

              </div>
              </span>
              <div class="clearfix"></div>
              <div class="nav fr">
                  <ul>
                       <li><a href="/index.html">首页</a></li>
                       <li><a href="/article.html">文章</a>
                           <div class="sub-nav">
                                <div class="bich-top"></div>
                                 <div class="bich">
                                     <a href="">服饰</a>
                                     <a href="">美食</a>
                                     <a href="">出行</a>
                                     <a href="">约会</a>
                                 </div>
                           
                           </div>
                       </li>
                       <li class="nav-cut"><a href="/community.html">社区</a></li>
                       <li><a href="/course.html">课程</a></li>
                       <li><a href="/active.html">活动</a></li>
                       <li><a href="/contact.html">联系我们</a></li>
                  
                  </ul>
              </div>
              <div class="clearfix"></div>
          </div>
    </div>
</div>

<div class="content">
    <div class="wrap">
            <div class="art-height"></div>
            <div class="post">
                   <div class="post-fl fl">
                         <div class="post-a1">我的亲身经历，共同进步才是硬道理！</div>
                         <div class="post-a2">shuiguodaren<span>2015-11-02</span>
                                               <div class="col-c">
                                                    <span><img src="/images/col-c1.jpg">0</span>
                                                    <span><img src="/images/col-c2.jpg">3</span>
                                                    <em><img src="/images/col-c3.jpg"></em>
                                                    <em><img src="/images/col-c4.jpg"></em>
                                                    <em><img src="/images/col-c5.jpg"></em>
                                                </div>
                         </div>
                         <div class="post-a3">
                               <span>恋爱</span>
                               <span>型男</span>
                               <span>美女</span>
                               <span>矛盾</span>
                         </div>
                         <div class="post-a4"><img src="/upload/post-a2.jpg"></div>
                         <div class="post-b">
                               <p>早上好啊，起床后我就在想，圣诞了年底了，大家还有什么未了心愿、想看的文章，都可以留言哦反正也不会实现：）</p>
                               <p>恐怕王石的圣诞节不能愉快地过了，太糟心：</p>
                               <p>@新浪财经：【安邦再度增持万科 站队方向将决定谁是胜者】根据港交所最新披露的信息，宝能系旗下的钜盛华于15日再增持万科A股1.184亿股，此次增持后，宝能在万科的持股比例上升至23.52%。同时，安邦也于17日增持万科A股股份10535万股，安邦倒向任何一边都将决定这场争夺战的胜方是谁。</p>
                               <p>@蓝鲸财经记者工作平台：【万科A独立董事海闻辞职】万科A22日晚间公告称，公司董事会于近日收到独立董事海闻的辞职信，海闻表示因个人原因，无法继续担任公司独立董事，特申请辞去公司独立董事一职。同时海闻确认，其与公司董事会并无不同意见，亦无任何其他事项需要知会公司股东及债权人。</p>
                         </div>
                         <div class="post-a5"><img src="/upload/post-a5.jpg"></div>
                         <div class="post-b">
                               <p>早上好啊，起床后我就在想，圣诞了年底了，大家还有什么未了心愿、想看的文章，都可以留言哦反正也不会实现：）</p>
                               <p>恐怕王石的圣诞节不能愉快地过了，太糟心：</p>
                               <p>@新浪财经：【安邦再度增持万科 站队方向将决定谁是胜者】根据港交所最新披露的信息，宝能系旗下的钜盛华于15日再增持万科A股1.184亿股，此次增持后，宝能在万科的持股比例上升至23.52%。同时，安邦也于17日增持万科A股股份10535万股，安邦倒向任何一边都将决定这场争夺战的胜方是谁。</p>
                               <p>@蓝鲸财经记者工作平台：【万科A独立董事海闻辞职】万科A22日晚间公告称，公司董事会于近日收到独立董事海闻的辞职信，海闻表示因个人原因，无法继续担任公司独立董事，特申请辞去公司独立董事一职。同时海闻确认，其与公司董事会并无不同意见，亦无任何其他事项需要知会公司股东及债权人。</p>
                         </div>
                         
                         <div class="det-b">
                                 <div class="det-title"><img src="/images/cou-b1.jpg">在线评论</div>
                                 <div class="det-b1">
                                      <textarea class="det-area post-area"></textarea>
                                      <div class="det-b2"><a href="">登录</a>发表</div>
                                 </div>
                                 <div class="det-b3"><input type="button" class="det-btn" value="发表"></div>
                          </div>
                         <div class="skt">
                 <div class="skt-title">
                       <span class="skt-cut">默认评论</span><em>|</em><span>最新评论</span>
                 </div>
                 <div class="skt-tab">
                          <div class="skt-btm">
                               <ul class="skt-ul">
                                     <li>
                                            <div class="skt-a1"><img src="/upload/det-tx.jpg">2015-11-02
                                                                <div class="menu"><a href=""><img src="/images/menu.jpg"></a></div></div>
                                            <div class="skt-a2">怎么报名啊？直接交钱吗？</div>
                                            <div class="skt-a3"><a href=""><img src="/upload/det-b.jpg">我要点评</a>
                                                    <div class="menu-a"><img src="/images/menu-a1.jpg">0
                                                                        <span><img src="/images/menu-a2.jpg">0</span></div>
                                            </div>
                                     </li> 
                                     
                                      <li>
                                            <div class="skt-a1"><img src="/upload/det-tx.jpg">2015-11-02
                                                                <div class="menu"><a href=""><img src="/images/menu.jpg"></a></div></div>
                                            <div class="skt-a2">怎么报名啊？直接交钱吗？</div>
                                            <div class="skt-a3"><a href=""><img src="/upload/det-b.jpg">我要点评</a>
                                                    <div class="menu-a"><img src="/images/menu-a1.jpg">0
                                                                        <span><img src="/images/menu-a2.jpg">0</span></div>
                                            </div>
                                     </li>  
                               </ul>
                               <div class="skt-more"><a href="">查看更多</a></div>
                          </div>
                      
                          <div class="skt-btm hide">
                               222
                          </div>
                 </div>
           </div>      
                   </div><!--post-fl-->
                   <div class="post-fr fr">
                           <div class="post-r">
                                   <div class="post-r1"><img src="/upload/post-a1.jpg"></div>
                                   <div class="post-r2">shuiguodaren</div>
                                   <div class="post-r3">20篇文章<span>|</span>35条评论</div>
                                   <div class="post-r4"><a href="">+关注</a><span>|</span><a href="">私信</a></div>
                           </div>
                           <div class="post-t"><a href=""><img src="/upload/post-a3.jpg"></a></div>
                           <div class="post-y">
                                 <div class="post-y1"><img src="/images/cou-b1.jpg">推荐帖子</div>
                                 <ul>
                                      <a href=""><li>
                                           <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                           <div class="post-y3">追妹子，你准备好了吗？</div>
                                      
                                      </li></a>
                                      
                                      <a href=""><li>
                                           <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                           <div class="post-y3">追妹子，你准备好了吗？</div>
                                      
                                      </li></a>
                                      
                                      <a href=""><li>
                                           <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                           <div class="post-y3">追妹子，你准备好了吗？</div>
                                      
                                      </li></a>
                                      
                                      <a href=""><li>
                                           <div class="post-y2"><img src="/upload/post-a4.png"></div>
                                           <div class="post-y3">追妹子，你准备好了吗？</div>
                                      
                                      </li></a>
           
                                 </ul>
                           </div>
                   </div>
            </div>
    </div>      
</div>

<div class="footer">
   <div class="wrap">
      <div class="foot">
            <div class="foot-left fl">
                 <a href="">关于我们</a>
                 <a href="">加入我们</a>
                 <a href="/contact.html">联系我们</a>
                 <a href="">媒体采访</a>
            </div>
            <div class="foot-c fl"><a href=""><img src="/images/foot-logo.jpg"></a></div>
            <div class="foot-right fr">
                 <a href="">同城活动</a>
                 <a href="">课程资讯</a>
                 <a href="">最新发布</a>
                 <a href="">热门文章</a>
            </div>
       </div> 
       <div class="foot-btm">网页制作by云邦</div>    
   </div>
</div>


<!--登录注册弹窗-->
<div class="mask"></div>
<div class="login">
    <div class="login-title">
        <div class="login-a">登录</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <form action="/user/userLogin" method="post">
            <div class="login-d"><input type="text" name="uphone" class="login-text" placeholder="手机号"></div>
            <div class="login-d"><input type="password" name="upass" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="submit" class="login-btn" value="登录" placeholder="登录"></div>
        </form>
        <div class="login-f">
            <a href="">忘记密码</a>
            <span>还没有焦点账号?><a href="javascript:;" class="reg-href">点击注册</a></span>
        </div>
    </div>
</div>

<div class="reg">
    <div class="login-title">
        <div class="login-a">注册</div>
        <div class="login-b"></div>
        <div class="login-c close">x</div>
    </div>
    <div class="login-btm">
        <form action="/user/userRegister" method="post" enctype="multipart/form-data">
            <div class="login-d"><input type="text" name="uphone" class="login-text" placeholder="手机号"></div>
            <div class="login-d"><input type="text" name="uemail" class="login-text" placeholder="邮箱"></div>
            <div class="login-d"><input type="text" name="uname" class="login-pas" placeholder="用户名"></div>
            <div class="login-d"><input type="file" name="file"></div>
            <div class="login-d"><input type="date" name="ubirthday" class="login-pas" placeholder="出生日期"></div>
            <div class="login-d">
                <select name="usex">
                    <option value="男">男</option>
                    <option value="女">女</option>
                </select>
            </div>
            <div class="login-d"><input type="text" name="ucity" class="login-pas" placeholder="地址"></div>
            <div class="login-d"><input type="password" name="upass" class="login-pas" placeholder="密码"></div>
            <div class="login-d"><input type="submit" class="login-btn" value="注册" placeholder="注册"></div>
        </form>
        <div class="login-f">
            <a href="">忘记密码</a>
        </div>
    </div>
</div>

<script src="/js/jquery-1.11.1.min.js"></script>
<script src="/js/Action.js"></script>
<script>
    $(".skt-title span").click(function(){
		 $(this).addClass("skt-cut").siblings().removeClass("skt-cut"),
		 $(".skt-tab .skt-btm").hide().eq($(".skt-title span").index(this)).show()
    })
</script>
</body>
</html>

